/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Image
} from 'react-native';
import pxToDp from "../config/pxToDp";


export default class MyQRcodeScene extends Component {
    render() {


        return (

            <View style={styles.beijing}>
                <View style={styles.bai}>
                    <View style={styles.touxiang}>
                        <Image style={styles.img_touxiang} source={require('../imgs/pic.jpg')}></Image>
                        <View style={styles.xinxi}>
                            <View style={styles.xingbie_view}>
                        <Text style={styles.text}>爆肝工程师</Text>
                            <Image  style={styles.xingbie} source={require('../imgs/性别男.png')}></Image>
                            </View>
                        <Text style={styles.text2}>河南  新乡</Text>
                        </View>
                    </View>

                    <View>
                        <Image style={styles.myerweima} source={require('../imgs/二维码.png')}></Image>
                    </View>

                    <View style={styles.dibu}>
                        <Text style={styles.text2}>扫一扫上面的二维码图案，加我随聊</Text>
                    </View>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({

     beijing:{
          flex:1,
          backgroundColor:"#2d3132",
        justifyContent: 'center',
          
     },
    bai:{
       backgroundColor:"#ffffff",
        height:pxToDp(760),
        width:pxToDp(560),
        alignSelf:"center",
        // marginTop:30,

    },
    img_touxiang:{
      height:pxToDp(120),
      width:pxToDp(120),
    },

    xingbie:{
         marginTop:pxToDp(4),
         marginLeft:pxToDp(15),
       height:pxToDp(25),
       width:pxToDp(25),
       //justifyContent:"center",
    } ,

    xingbie_view:{
      flexDirection:"row",
    },

    touxiang:{
      flexDirection:"row",
        marginTop:pxToDp(30),
        marginLeft:pxToDp(30),
    },

    xinxi:{
      justifyContent:"center"  ,
        marginLeft:pxToDp(25),
    },

    myerweima:{
         marginTop:pxToDp(60),
         alignSelf:"center",
        height:pxToDp(420),
        width:pxToDp(420),
    },

     dibu:{
         marginTop:pxToDp(40),
        alignSelf:"center",
     },
    //字体
    text: {


        fontSize: pxToDp(28),
        color:'#343434',
    },

    text2:{

        marginTop:pxToDp(10),
        fontSize: pxToDp(22),
        color:'#888785',
    },
});